<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>建筑猎聘兼职页面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/style/jLmanger-099d1d9629.css" rel="stylesheet">

    
    
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
 <body>
    <div class="h_first">
            <div class="f_left">
                <a href="javascript:;">
                    <img src="/dist/images/logo_lp.png">
                </a>
                <span>
                            中国建筑界最大的人才数据库平台
                                    <br>
                            已有<em>18000</em>位建筑业的中高端人才加入了这个平台
                        </span>
            </div>
            <div class="f_right">
                
            <ul class="nav nav-pills">
                <li class="actives active"><a href="javascript:;">首页</a></li>
                <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                    职位管理 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="javascript:;">已发布</a></li>
                    <li><a href="javascript:;">已上架</a></li>
                    <li><a href="javascript:;">审核中</a></li>
                    <li><a href="javascript:;">审核失败</a></li>
                    
                    
                </ul>
                </li>
                <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                    收藏夹 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="javascript:;">人才收藏</a></li>
                    <li><a href="javascript:;">新闻收藏</a></li>
                
                </ul>
                </li>
        
                <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                    简历管理 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="javascript:;">搜索简历</a></li>
                    <li><a href="javascript:;">全职简历</a></li>
                    <li><a href="javascript:;">兼职简历</a></li>
                    
                
                </ul>
                </li>
                <li class="use">
                <img class="useImg" src="/dist/images/headerImg.png">
                <div class="mes" style="display:none">
                    <div class="mess">
                    <div class="cd1">
                        <ul> 
                        <li>
                            <img class="touxiang" src="/dist/images/headerImg.png">
                        </li>
                        <li>
                            <p>网络科技有限公司</p>
                            <p>2018-11-11  到期</p>
                        </li>
                        <li>
                            <span>黄金会员</span>
                            <p><a href="javascript:;">会员权益 ></a></p>
                        </li>
                        </ul>
                    </div>
                    <div class="cd2">
                        <div class="li">
                        <p><img src="./dist/images/ioc1.png"></p>
                        <a href="javascript:;">企业信息</a>
                        </div>
                        <div class="li">
                        <p><img src="./dist/images/ioc2.png"></p>
                        <a href="javascript:;">账户安全</a>
                        
                        </div>
                        <div class="li">
                        <p><img src="./dist/images/ioc3.png"></p>
                        <a href="javascript:;">资产信息</a>
                        
                        </div>
                        <div class="li">
                        <p><img src="./dist/images/ioc4.png"></p>
                        <a href="javascript:;">消息中心</a>
                        
                        </div>
                    </div>
                    <div class="cd3">
                        <a href="javascript:;">退出登录</a>
                    </div>
                    </div>
                </div>
                
                </li></ul></div>
            
                
            
    </div> 
    <div class="count">
            <div class="detal">
                <div class="inform">
                    
                    <span class="mes"><img src="/dist/images/icon1.png"> Sunyuklong先生，系统检测到您的账户内还有 10 职位数未使用，是时候该主动出击发布职位寻找合适候选人～ ！<a href="javascript:;">立即使用</a></span>
                </div>
        
                <div class="serch">
                    <div class="col-sm-5" id="so">
                        <div class="input-group">
                            <input type="text" placeholder="输入职位名搜索" class="form-control" onkeydown="onKeyDown(event)">
                            <span class="input-group-addon"><a href="#"><i class="glyphicon glyphicon-search"> <span>搜索   </span></i></a></span>
                    </div>
                </div>  
                </div>  
    
                <div class="navTitle">
                    <a href="javascript:;" class="qz">全职职位</a>
                    <a href="javascript:;" class="jz active">兼职职位</a>

                    <div class="dropdown" style="display:inline-block">
                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                             已购买
                              <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                              <li><a href="#">已购买</a></li>
                              <li><a href="#">求职者投递</a></li>

                              

                            </ul>
                    </div>


                </div>
    
                <div class="details">
                        <div class="child">
                          <div class="left">
                             <img src="/dist/images/icon12.png" alt="头像" class="person">
                             <div class="pdetail">
                               <h5>土木工程师-注册岩土工程师 [东莞]</h5>
                               <p class="pname">辛育朗 <img src="/dist/images/icon7.png" alt="男" class="sex"></p>
                               <p class="otherMes">资质 | 面议</p>
                             </div>
                          </div>
                          <div class="right">
                            <span class="time">购买时间：2017-08-08</span>
                            <span class="time" style="display:none">购买时间：2017-08-08</span>
                            <span class="click">
                              <a class="btn btn-primary btn-sm" href="javascript:;" role="button">查看简历</a>
                              <br>
                              <a class="btn btn-default btn-sm" style="border:solid 1px red;color:red" href="javascript:;" role="button">删除简历</a>
                           </span>
                          </div>
                        </div>

                        <div class="child">
                                <div class="left">
                                   <img src="/dist/images/icon12.png" alt="头像" class="person">
                                   <div class="pdetail">
                                     <h5>土木工程师-注册岩土工程师 [东莞]</h5>
                                     <p class="pname">辛育朗 <img src="/dist/images/icon7.png" alt="男" class="sex"></p>
                                     <p class="otherMes">资质 | 面议</p>
                                   </div>
                                </div>
                                <div class="right">
                                  <span class="time">投递时间：2017-08-08</span>
                               
                                  <span class="click">
                                    <a class="btn btn-primary btn-sm" href="javascript:;" role="button">查看简历</a>
                                    <br>
                                    <a class="btn btn-default btn-sm" style="border:solid 1px red;color:red" href="javascript:;" role="button">删除简历</a>
                                 </span>
                                </div>
                        </div>

                        <div class="child">
                                <div class="left">
                                   <img src="/dist/images/icon12.png" alt="头像" class="person">
                                   <div class="pdetail">
                                     <h5>土木工程师-注册岩土工程师 [东莞]</h5>
                                     <p class="pname">辛育朗 <img src="/dist/images/icon7.png" alt="男" class="sex"></p>
                                     <p class="otherMes">资质 | 面议</p>
                                   </div>
                                </div>
                                <div class="right">
                                  <span class="time">购买时间：2017-08-08</span>
                                  <span class="time" style="display:none">邀约时间：2017-08-08</span>
                                  <span class="click">
                                    <a class="btn btn-primary btn-sm" href="javascript:;" role="button">查看简历</a>
                                    <br>
                                    <a class="btn btn-default btn-sm" style="border:solid 1px red;color:red" href="javascript:;" role="button">删除简历</a>
                                 </span>
                                </div>
                        </div>

                        <div class="child">
                                <div class="left">
                                   <img src="/dist/images/icon12.png" alt="头像" class="person">
                                   <div class="pdetail">
                                     <h5>土木工程师-注册岩土工程师 [东莞]</h5>
                                     <p class="pname">辛育朗 <img src="/dist/images/icon7.png" alt="男" class="sex"></p>
                                     <p class="otherMes">资质 | 面议</p>
                                   </div>
                                </div>
                                <div class="right">
                                  <span class="time">购买时间：2017-08-08</span>
                                  <span class="time" style="display:none">购买时间：2017-08-08</span>
                                  <span class="click">
                                    <a class="btn btn-primary btn-sm" href="javascript:;" role="button">查看简历</a>
                                    <br>
                                    <a class="btn btn-default btn-sm" style="border:solid 1px red;color:red" href="javascript:;" role="button">删除简历</a>
                                 </span>
                                </div>
                        </div>

                        <div class="child">
                                <div class="left">
                                    <img src="/dist/images/icon12.png" alt="头像" class="person">
                                    <div class="pdetail">
                                    <h5>土木工程师-注册岩土工程师 [东莞]</h5>
                                    <p class="pname">辛育朗 <img src="/dist/images/icon7.png" alt="男" class="sex"></p>
                                    <p class="otherMes">资质 | 面议</p>
                                    </div>
                                </div>
                                <div class="right">
                                <span class="time">投递时间：2017-08-08</span>
                                
                                <span class="click">
                                    <a class="btn btn-primary btn-sm" href="javascript:;" role="button">查看简历</a>
                                    <br>
                                    <a class="btn btn-default btn-sm" style="border:solid 1px red;color:red" href="javascript:;" role="button">删除简历</a>
                                </span>
                                </div>
                        </div>

                        <div class="child">
                                <div class="left">
                                    <img src="/dist/images/icon12.png" alt="头像" class="person">
                                    <div class="pdetail">
                                    <h5>土木工程师-注册岩土工程师 [东莞]</h5>
                                    <p class="pname">辛育朗 <img src="/dist/images/icon7.png" alt="男" class="sex"></p>
                                    <p class="otherMes">资质 | 面议</p>
                                    </div>
                                </div>
                                <div class="right">
                                <span class="time">购买时间：2017-08-08</span>
                                <span class="time" style="display:none">邀约时间：2017-08-08</span>
                                <span class="click">
                                    <a class="btn btn-primary btn-sm" href="javascript:;" role="button">查看简历</a>
                                    <br>
                                    <a class="btn btn-default btn-sm" style="border:solid 1px red;color:red" href="javascript:;" role="button">删除简历</a>
                                </span>
                                </div>
                        </div>
                   </div>

                <div class="message">
                    <img src="./dist/images/icon1.png" alt="icon1" class="messages">
                    <span>查看全部消息</span>
                </div>
                
                <div class="foot">
                        <ul class="pagination">
                                <li><a href="#" class="sy">首页</a></li>
                                <li><a href="#">&laquo;</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">&raquo;</a></li>

                                <li><a href="#" class="wy">末页</a></li>
                            </ul><br> 
                </div>
               
         
            </div>

    </div>

    

 
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="/dist/js/com.js"></script>
    <script>
       
        $(function () {
            var big = $('.use .mes');
            var use = $('.useImg');
            use.mouseenter(function () {
                big.show();
            });
            big.mouseleave(function () {
                big.hide();
            });
           
 
        });

        //删除简历
        $('.btn-default').click(function(){
            var _this =$(this);
            _this.closest('.child').hide(100).remove();
            bigestHint("通知！","删除简历成功","success",3000)
        })
        
       //搜索一些反馈信息

       $('.input-group-addon').click(function(){
        bigestHint("通知！","对不起没有相关的简历","info",5000)
       })

      
 
    </script>
</body>
</html>